.nav {
  position: relative;
  height: 166px;
  background-image: url("~@public/img/bg.png");
  background-position: -400px 0;
  background-repeat: no-repeat;
  .navBg {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 1;
    > img {
      position: absolute;
      transition: 0s;
      transform: translateX(0px);
    }
    .girl {
      filter: blur(0px);
      height: 166px;
    }
    .grass {
      height: 166px;
      filter: blur(2px);
      object-fit: cover;
      z-index: 2;
    }
    .hill {
      filter: blur(0px);
      height: 166px;
    }
    .leaf {
      height: 166px;
      margin-left: -100px;
      margin-top: 30px;
      z-index: 3;
      filter: blur(2px);
    }
    .flower {
      height: 166px;
      filter: blur(3px);
      z-index: 4;
    }
  }
}
